<template>
  <view>
    <uv-navbar
      placeholder
      class="head"
      leftIconColor="#fff"
      bg-color="transparent"
      title="支付详情"
      @leftClick="leftClick"
    ></uv-navbar>
    <image src="https://wealth-1311286543.cos.ap-guangzhou.myqcloud.com/taoshe/static/shop/Group2143.png" class="icon_success"></image>
    <view class="tip font16333">支付成功</view>
    <view class="name">成功支付</view>
    <view class="address_bottom_btn" @click="backIndex">返回商城</view>
    <view class="address_bottom_btn_white mt20" @click="checkOrder"
      >查看订单</view
    >
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      payWay: "wx",
      info: {
        order_sn: "SP20240103171720BB1487652",
        state_str: "未支付",
        discount: 6521,
        state: 0
      },
      pay_index: -1,
      radiovalue: "wx"
    };
  },
  onLoad(option) {},
  onShow() {},
  methods: {
    backIndex() {
      uni.switchTab({
        url: "/pages/shop/index/shop_index"
      });
    },
    checkOrder() {
      uni.navigateTo({
        url: "/pages/mine/sub-pages/order"
      });
    },
    leftClick() {
      uni.navigateBack();
    },
    onPayWay(way) {
      this.payWay = way;
    }
  }
};
</script>

<style lang="scss" scoped>
page {
  background: #f9f9f9;
}
.icon_success {
  width: 50px;
  height: 50px;
  margin: 80px auto 20px;
  display: block;
}
.name {
  margin-bottom: 50px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.tip {
  margin-bottom: 10px;
  text-align: center;
}
.pay-button {
  margin: 0 auto;
  width: 335px;
  height: 40px;
  border-radius: 10px;
  background-color: #1d545e;
  text-align: center;
  line-height: 40px;
  color: #92ffec;
  font-size: 14px;
  margin-bottom: 20px;
}
.order-button {
  margin: 0 auto;
  width: 335px;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  line-height: 40px;
  color: #92ffec;
  border: 1px solid #92ffec;
  font-size: 14px;
}
</style>
